import React, {Component} from "react";

export default class Control extends Component{
    state={
        inp1:'',
        inp2:'',
        inp3:''
    }
        
    
    // inputChange=(type,e)=>{
    //     //? e.target是当前对象即input
    //     // console.log(e.target);
    //     this.setState({[type]: e.target.value});
    // }

    //! 柯里化形式
    inputChange=(type)=>{
        return(e)=>{
            this.setState({[type]: e.target.value});
        }   
    }
    render(){
        const {inp1,inp2,inp3}=this.state;
        return(
            <div>
                {/*<input value={inp1} onChange={(e)=>this.inputChange('inp1',e)}
                />
                <input value={inp2} onChange={(e)=>this.inputChange('inp2',e)}
                />
                <input value={inp3} onChange={(e)=>this.inputChange('inp3',e)}
                /> */}

                {/* 对应柯里化形式 */}
                <input 
                    value={inp1}
                    onChange={this.inputChange('inp1')}
                />
                <input 
                    value={inp2}
                    onChange={this.inputChange('inp2')}
                />
                <input 
                    value={inp3}
                    onChange={this.inputChange('inp3')}
                />
            </div>
        )
    }
}

